<?php  
    $this->load->view('includes/header');
?> 

<style>
body {
    background: #4F4F4F;
}
.container {
    border: 1px solid white;
    margin: 20px auto;
    width: 960px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.container {
    background: none repeat scroll 0 0 #F5F5F5;
    padding: 0;
}
</style>

<div class="container">

    <div id="login">
        <?php echo form_open('login/user_login', array('class' => 'form-signin')); ?>
            <div class="widget widget-4">
			
				<!-- Show error message if it is set -->
				<?php if (isset($error) && $error != '') : ?>
					<div class="alert alert-error">
						<!-- <button type="button" class="close" data-dismiss="alert">&times;</button> -->
						<strong>Fout!</strong> <?php echo $error; ?>
					</div>
				<?php endif; ?>
			
                <div class="widget-head">
                    <h4 class="heading">Beveiligd</h4>
                </div>
            </div>
            <h2 class="glyphicons unlock form-signin-heading"><i></i> Log hier in</h2>
            <div class="uniformjs">
                <?php
                    echo form_input(array('name' => 'username', 'placeholder' => 'Gebruikersnaam', 'class' => 'input-block-level'));
                    echo form_password(array('name' => 'password', 'placeholder' => 'Wachtwoord', 'class' => 'input-block-level'));
                ?>
            </div>
            <?php echo form_submit(array('name' => 'submit', 'value' => 'Inloggen', 'class' => 'btn btn-large btn-primary')); ?>
        </form>
    </div> 

</div>
<?php
    $this->load->view('includes/footer');
?>     